<!DOCTYPE html>
<html>
<head>
    <title>借款数据信息表</title>
    #parse("sys/header.html")
</head>
<style>

    .info-part-title {
        width: 100%;
        font-weight: bold;
        border-bottom: 1px solid #e9eaec;
        margin-bottom: 1%;
    }

    .ivu-select-selection {
        width: 160px;
    }

</style>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <Row :gutter="16">
            <div class="search-group">
                <i-col span="4">
                    <i-input v-model="q.name" @on-enter="query" placeholder="客户姓名"/>
                </i-col>
                <i-col span="4">
                    <i-input v-model="q.mobile" @on-enter="query" placeholder="手机号码"/>
                </i-col>
                <i-button @click="query">查询</i-button>
                <i-button @click="reloadSearch">重置</i-button>
            </div>
            <div class="buttons-group">
                #if($shiro.hasPermission("applyinfo:save"))
                <i-button type="info" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</i-button>
                #end
                #if($shiro.hasPermission("applyinfo:update"))
                <i-button type="warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</i-button>
                #end
                #if($shiro.hasPermission("applyinfo:update"))
                <i-button type="warning" @click="openUpdateModal"><i class="fa fa-pencil-square-o"></i>&nbsp;修改客户经理
                </i-button>
                #end
                #if($shiro.hasPermission("applyinfo:delete"))
                <i-button type="error" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
                #end
            </div>
        </Row>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <Card v-show="!showList">
        <p slot="title">{{title}}</p>
        <i-form ref="formValidate" :model="applyInfo" :rules="ruleValidate" :label-width="125">
            <div>
                <div class="info-part-title">客户信息</div>
                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="姓名" prop="personInfo.name">
                            <i-input v-model="applyInfo.personInfo.name" placeholder="请输入姓名"/>
                        </form-item>
                    </i-col>


                    <i-col span="6">
                        <form-item label="婚姻状况" prop="personInfo.maritalStatus">
                            <i-select v-model="applyInfo.personInfo.maritalStatus" placeholder="请选择婚姻状况">
                                <i-option v-for="item in options.maritalArr" :value="item.value" :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="手机号码" prop="personInfo.mobile">
                            <i-input v-model="applyInfo.personInfo.mobile" placeholder="请输入手机号码"/>
                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="籍贯" prop="personInfo.nativeProvinceCode">
                            <i-select v-model="applyInfo.personInfo.nativeProvinceCode"
                                      @on-change="loadCity(applyInfo.personInfo.nativeProvinceCode,'native')">
                                <i-option v-for="item in nativeAreaInfo.provinceList" :value="item.value"
                                          :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item prop="personInfo.nativeProvinceCode">
                            <i-select v-model="applyInfo.personInfo.nativeCityCode">
                                <i-option v-for="item in nativeAreaInfo.cityList" :value="item.value" :key="item.value">
                                    {{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="客户类型" prop="applyType">
                            <i-select v-model="applyInfo.applyType" @on-change="dealWithInputArea">
                                <i-option v-for="item in options.applyTypeArr" :value="item.value" :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="身份证号码" prop="personInfo.idCardNo">
                            <i-input v-model="applyInfo.personInfo.idCardNo" placeholder="请输入身份证号码"/>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="居住类型" prpp="personInfo.resideTypeId">
                            <i-select v-model="applyInfo.personInfo.resideTypeId">
                                <i-option v-for="item in options.resideTypeList" :value="item.value" :key="item.value">
                                    {{ item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col span="6">
                        <form-item prop="personInfo.resideAddressProvinceCode" label="居住地址">
                            <i-select v-model="applyInfo.personInfo.resideAddressProvinceCode"
                                      @on-change="loadCity(applyInfo.personInfo.resideAddressProvinceCode,'reside')"
                            >
                                <i-option v-for="item in resideAreaInfo.provinceList" :value="item.value"
                                          :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                    <i-col span="6">
                        <form-item prop="personInfo.resideAddressCityCode">
                            <i-select v-model="applyInfo.personInfo.resideAddressCityCode"
                                      @on-change="loadArea(applyInfo.personInfo.resideAddressCityCode,'reside')"
                            >
                                <i-option v-for="item in resideAreaInfo.cityList" :value="item.value" :key="item.value">
                                    {{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                    <i-col span="6">
                        <form-item prop="personInfo.resideAddressAreaCode">
                            <i-select v-model="applyInfo.personInfo.resideAddressAreaCode"
                            >
                                <i-option v-for="item in resideAreaInfo.areaList" :value="item.value" :key="item.value">
                                    {{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>

                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <form-item label="详细居住地址" prop="personInfo.resideAddressDetails">
                        <i-col span="24">
                            <i-input v-model="applyInfo.personInfo.resideAddressDetails" type="textarea" :rows="4"
                                     placeholder="请输入现居住详细地址"/>
                        </i-col>
                    </form-item>
                </row>
            </div>

            <div v-show="show.atAddAction">
                <div class="info-part-title">跟单情况</div>
                <row :gutter="24">
                    <i-col span="10">
                        <form-item label="客户经理" prop="promoUserId">
                            <i-select v-model="applyInfo.promoUserId" filterable>
                                <i-option v-for="item in options.agentList" :value="item.value" :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>

                    <i-col span="10">
                        <form-item label="最近跟进时间" label-position="left">
                            <date-picker type="date" placeholder="请选择时间" style="width: 200px"></date-picker>
                        </form-item>
                    </i-col>
                </row>
            </div>

            <div v-show="show.person" v-if="applyInfo.workCompanyInfo != null">
                <div class="info-part-title">单位信息</div>
                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="单位名称">
                            <i-input v-model="applyInfo.workCompanyInfo.companyName" placeholder="请输入单位名称"/>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="任职部门">
                            <i-input v-model="applyInfo.workCompanyInfo.department" placeholder="请输入任职部门"/>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="职务">
                            <i-input v-model="applyInfo.workCompanyInfo.post" placeholder="请输入职务"/>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="单位电话">
                            <i-input v-model="applyInfo.workCompanyInfo.companyPhone" placeholder="请输入单位电话号码"/>
                        </form-item>
                    </i-col>
                </row>
                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="行业类型">
                            <i-select v-model="applyInfo.workCompanyInfo.industryTypeId" placeholder="请选择行业类型">
                                <i-option v-for="item in options.industryTypeList" :value="item.value" :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                    <i-col span="24">
                        <form-item label="单位地址">
                            <i-select v-model="applyInfo.workCompanyInfo.addressProvinceCode"
                                      @on-change="loadCity(applyInfo.workCompanyInfo.addressProvinceCode,'workCompany')"
                                      style="width: 30%;float: left;"
                                      filterable
                            >
                                <i-option v-for="item in workCompanyAreaInfo.provinceList" :value="item.value"
                                          :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>

                            <i-select v-model="applyInfo.workCompanyInfo.addressCityCode"
                                      style="width: 30%;float: left;"
                                      @on-change="loadArea(applyInfo.workCompanyInfo.addressCityCode,'workCompany')"
                            >
                                <i-option v-for="item in workCompanyAreaInfo.cityList" :value="item.value"
                                          :key="item.value">
                                    {{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>

                            <i-select v-model="applyInfo.workCompanyInfo.addressAreaCode"
                                      style="width: 30%;float: left;"
                            >
                                <i-option v-for="item in workCompanyAreaInfo.areaList" :value="item.value"
                                          :key="item.value">
                                    {{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>


                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col span="24">
                        <form-item label="单位地址">
                            <i-input v-model="applyInfo.workCompanyInfo.addressDetails" type="textarea" :rows="4"
                                     placeholder="请输入详细地址"></i-input>
                        </form-item>
                    </i-col>

                </row>
            </div>

            <div v-if="applyInfo.companyInfo != null">
                <div class="info-part-title">私营业主</div>
                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="公司名称" prop="companyInfo.companyName">
                            <i-input v-model="applyInfo.companyInfo.companyName" placeholder="请输入公司名称"/>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="公司类型" prop="companyInfo.companyTypeId">
                            <i-select v-model="applyInfo.companyInfo.companyTypeId">
                                <i-option v-for="item in options.companyTypeList" :value="item.value" :key="item.value">
                                    {{ item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="经营场所" prop="companyInfo.businessPlaceId">
                            <i-select v-model="applyInfo.companyInfo.businessPlaceId">
                                <i-option v-for="item in options.businessPlaceList" :value="item.value"
                                          :key="item.value">
                                    {{ item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="营业执照" prop="companyInfo.businessLicenseStatus">
                            <i-select v-model="applyInfo.companyInfo.businessLicenseStatus">
                                <i-option :value="1">有</i-option>
                                <i-option :value="0">无</i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                </row>


                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="月营业额" prop="companyInfo.monthTurnoverAmount">
                            <i-input v-model="applyInfo.companyInfo.monthTurnoverAmount" placeholder="请输入月营业额">
                                <span slot="append">元</span>
                            </i-input>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="成立日期" prop="companyInfo.establishAt">
                            <date-picker v-model="applyInfo.companyInfo.establishAt" type="date" placeholder="请选择时间"
                                         style="width: 200px"></date-picker>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="行业" prop="companyInfo.industryTypeId">
                            <i-select v-model="applyInfo.companyInfo.industryTypeId">
                                <i-option v-for="item in options.industryTypeList" :value="item.value"
                                          :key="item.value">
                                    {{ item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="年纳税" prop="companyInfo.annualTaxAmount">
                            <i-input v-model="applyInfo.companyInfo.annualTaxAmount" placeholder="请输入年纳税">
                                <span slot="append">元</span>
                            </i-input>
                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="年开票" prop="companyInfo.annualInvoiceAmount">
                            <i-input v-model="applyInfo.companyInfo.annualInvoiceAmount" placeholder="请输入年开票">
                                <span slot="append">元</span>
                            </i-input>
                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col v-for="(item,index) in applyInfo.taxInfoList" span="7">
                        <div v-if="index == 0">
                            <form-item :label="'近三年税务等级'+item.year">
                                <i-select v-model="item.taxLevel">
                                    <i-option v-for="level in options.taxLevelList" :value="level.value"
                                              :key="level.value">
                                        {{ level.label
                                        }}
                                    </i-option>
                                </i-select>
                            </form-item>
                        </div>
                        <div v-else-if="index != 0">
                            <form-item :label="item.year">
                                <i-select v-model="item.taxLevel">
                                    <i-option v-for="level in options.taxLevelList" :value="level.value"
                                              :key="level.value">
                                        {{ level.label
                                        }}
                                    </i-option>
                                </i-select>
                            </form-item>
                        </div>
                    </i-col>
                </row>
            </div>

            <div v-if="applyInfo.assetsHouseInfo!=null">
                <div class="info-part-title">房产</div>

                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="房产地址" prop="assetsHouseInfo.addressProvinceCode">
                            <i-select v-model="applyInfo.assetsHouseInfo.addressProvinceCode"
                                      @on-change="loadCity(applyInfo.assetsHouseInfo.addressProvinceCode,'house')"
                                      filterable
                            >
                                <i-option v-for="item in houseAreaInfo.provinceList" :value="item.value"
                                          :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                    <i-col span="6">
                        <form-item prop="assetsHouseInfo.addressCityCode">
                            <i-select v-model="applyInfo.assetsHouseInfo.addressCityCode"
                                      @on-change="loadArea(applyInfo.assetsHouseInfo.addressCityCode,'house')"
                            >
                                <i-option v-for="item in houseAreaInfo.cityList" :value="item.value"
                                          :key="item.value">
                                    {{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                    <i-col span="6">
                        <form-item prop="assetsHouseInfo.addressAreaCode">
                            <i-select v-model="applyInfo.assetsHouseInfo.addressAreaCode"
                            >
                                <i-option v-for="item in houseAreaInfo.areaList" :value="item.value"
                                          :key="item.value">
                                    {{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col span="24">
                        <form-item prop="assetsHouseInfo.addressDetails">
                            <i-input v-model="applyInfo.assetsHouseInfo.addressDetails" type="textarea" :rowe="4"
                                     placeholder="请输入房产地址">
                            </i-input>
                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="共有人" prop="assetsHouseInfo.owner">
                            <i-input v-model="applyInfo.assetsHouseInfo.owner" placeholder="请输入共有人">
                            </i-input>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="购买方式" prop="assetsHouseInfo.buyType">
                            <i-select v-model="applyInfo.assetsHouseInfo.buyType">
                                <i-option :value="0">一次性</i-option>
                                <i-option :value="1">按揭</i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                </row>
                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="月供贷款" prop="assetsHouseInfo.monthlySupply">
                            <i-input v-model="applyInfo.assetsHouseInfo.monthlySupply" placeholder="请输入月供贷款">
                                <span slot="append">元</span>
                            </i-input>
                        </form-item>
                    </i-col>
                    <i-col span="6">
                        <form-item label="贷款总额">
                            <i-input v-model="applyInfo.assetsHouseInfo.totalLoanAmount" placeholder="请输入贷款总额">
                                <span slot="append">元</span>
                            </i-input>
                        </form-item>
                    </i-col>
                    <i-col span="6">
                        <form-item label="按揭银行">
                            <i-select v-model="applyInfo.assetsHouseInfo.loanBankId" placeholder="请选择按揭银行">
                                <i-option v-for="item in options.loanBankList" :value="item.value" :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="贷款年限">
                            <i-input v-model="applyInfo.assetsHouseInfo.loanYears" placeholder="请输入贷款年限">
                                <span slot="append">年</span>
                            </i-input>
                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="购买价格">
                            <i-input v-model="applyInfo.assetsHouseInfo.buyTotalAmount" placeholder="请输入购买价格">
                                <span slot="append">元</span>
                            </i-input>
                        </form-item>
                    </i-col>
                    <i-col span="6">
                        <form-item label="购买日期">
                            <date-picker v-model="applyInfo.promoUserId" type="date" placeholder="请选择时间"
                                         style="width: 200px"></date-picker>
                        </form-item>
                    </i-col>
                    <i-col span="6">
                        <form-item label="建筑面积">
                                <i-input v-model="applyInfo.assetsHouseInfo.buildArea" placeholder="请输入建筑面积">
                                <span slot="append">平方</span>
                            </i-input>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="其他房产">
                            <i-input v-model="applyInfo.assetsHouseInfo.totalHouse" placeholder="请输入其他房产">
                                <span slot="append">套</span>
                            </i-input>
                        </form-item>
                    </i-col>
                </row>
            </div>

            <div v-if="applyInfo.assetsCarInfo!=null">
                <div class="info-part-title">车产</div>
                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="车辆品牌">
                            <i-select v-model="applyInfo.assetsCarInfo.carBrandId" placeholder="请选择车辆品牌">
                                <i-option v-for="item in options.automobileBrandList" :value="item.value" :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="购买日期">
                            <date-picker v-model="applyInfo.assetsCarInfo.carBuyAt" type="date" placeholder="请选择时间"
                                         style="width: 200px"></date-picker>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="购买价格">
                            <i-input v-model="applyInfo.assetsCarInfo.carBuyTotalAmount" placeholder="请输入购买价格">
                                <span slot="append">元</span>
                            </i-input>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="购买方式">
                            <i-select v-model="applyInfo.assetsCarInfo.carBuyType">
                                <i-option :value="0">一次性</i-option>
                                <i-option :value="1">按揭</i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="保险公司">
                            <i-input v-model="applyInfo.assetsCarInfo.insuranceCompany" placeholder="请输入保险公司">
                            </i-input>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="缴费方式">
                            <i-select v-model="applyInfo.assetsCarInfo.insurancePayWay">
                                <i-option v-for="item in options.insurancePayWayList" :value="item.value"
                                          :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="缴费金额">
                            <i-input v-model="applyInfo.assetsCarInfo.insurancePayAmount" placeholder="请输入缴费金额">
                                <span slot="append">元</span>
                            </i-input>
                        </form-item>
                    </i-col>
                </row>
            </div>

            <div v-if="applyInfo.assetsCreditInfo!=null">
                <div class="info-part-title">保险/信用卡等</div>
                <row :gutter="24">
                    <i-col span="6">
                        <form-item label="信用卡数量">
                            <i-input v-model="applyInfo.assetsCreditInfo.creditCardSum" placeholder="请输入信用卡数量">
                                <span slot="prepend">共</span>
                                <span slot="append">张</span>
                            </i-input>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="总额度">
                            <i-input v-model="applyInfo.assetsCreditInfo.creditCardTotalQuota" placeholder="请输入总额度">
                                <span slot="append">元</span>
                            </i-input>
                        </form-item>
                    </i-col>

                    <i-col span="6">
                        <form-item label="已使用额度">
                            <i-input v-model="applyInfo.assetsCreditInfo.creditCardTotalUseQuota" placeholder="请输入已使用">
                                <span slot="append">元</span>
                            </i-input>
                        </form-item>
                    </i-col>
                </row>

                <row :gutter="24">
                    <i-col span="24">
                        <form-item label="贷款用途" style="float: left;width: 100%">
                            <radio-group v-model="applyInfo.loanPurposeId" style="width: 100%">
                                <radio v-for="item in options.loanPurposeList" :label="item.value" :key="item.value"
                                       style="margin-right: 2%;float: left">
                                    {{item.label}}
                                    <i-input v-if="item.other == 1" v-model="applyInfo.loanPurposeOther"
                                             placeholder="请输入原因"></i-input>
                                </radio>
                            </radio-group>
                        </form-item>
                    </i-col>
                </row>
            </div>

            <div>
                <span>贷款信息</span>
                <i-button @click="addLoanInfo" type="primary" v-show="!show.onlyDetails">新增</i-button>
            </div>
            <row :gutter="24" v-for="(item,index) in applyInfo.loanInfoList">
                <i-col span="5">
                    <form-item label="贷款银行">
                        <i-select v-model="item.loanBankId" placeholder="请选择贷款银行">
                            <i-option v-for="each in options.loanBankList" :value="each.value" :key="each.value">
                                {{
                                each.label
                                }}
                            </i-option>
                        </i-select>
                    </form-item>
                </i-col>

                <i-col span="5">
                    <form-item label="贷款金额">
                        <i-input v-model="item.loanAmount" placeholder="请输入贷款金额">
                            <span slot="append">元</span>
                        </i-input>
                    </form-item>
                </i-col>

                <i-col span="5">
                    <form-item label="剩余本金">
                        <i-input v-model="item.surplusAmount" placeholder="请输入剩余本金">
                            <span slot="append">元</span>
                        </i-input>
                    </form-item>
                </i-col>

                <i-col span="5">
                    <form-item label="逾期情况">
                        <i-select v-model="item.overdueId">
                            <i-option v-for="each in options.overdueTypeList" :value="each.value" :key="each.value">
                                {{
                                each.label
                                }}
                            </i-option>
                        </i-select>
                    </form-item>
                </i-col>

                <i-col span="4">
                    <i-button @click="removeLoanInfo(index)" style="margin-left: 20%;" type="warning">删除</i-button>
                </i-col>
            </row>
            <row :gutter="24">
                <i-col span="24">
                    <Form-item>
                        <i-button type="primary" v-show="!show.onlyDetails" @click="handleSubmit('formValidate')">提交
                        </i-button>
                        <i-button type="warning" @click="reload" style="margin-left: 8px"/>
                        返回</i-button>
                        <i-button type="ghost" v-show="!show.onlyDetails" @click="handleReset('formValidate')"
                                  style="margin-left: 8px">重置
                        </i-button>
                    </Form-item>
                </i-col>
            </row>
        </i-form>
    </Card>


    <div>
        <modal v-model="show.updateModal" title="更改经纪人">
            <i-form :label-width="100">
                <row :gutter="24">
                    <i-col span="14">
                        <form-item label="客户经理">
                            <i-select v-model="updateInfo.promoUserId" placeholder="请选择经纪人" filterable>
                                <i-option v-for="item in options.agentList" :value="item.value" :key="item.value">{{
                                    item.label
                                    }}
                                </i-option>
                            </i-select>
                        </form-item>
                    </i-col>
                </row>
            </i-form>

            <div slot="footer">
                <i-button type="text" size="large" @click="handleWithCancel">取消</i-button>
                <i-button type="primary" size="large" @click="handleWithOk">确定</i-button>
            </div>
        </modal>
    </div>

    <div>
        <modal v-model="show.buyProduct" title="购买产品" width="80%">
            <Row :gutter="16">
                <div class="search-group">
                    <i-col span="4">
                        <i-input v-model="q.name" @on-enter="query" placeholder="客户姓名"/>
                    </i-col>
                    <i-col span="4">
                        <i-input v-model="q.mobile" @on-enter="query" placeholder="手机号码"/>
                    </i-col>
                    <i-button @click="query">查询</i-button>
                    <i-button @click="reloadSearch">重置</i-button>
                </div>
            </Row>
            <table id="product-grid-table" style="width: 80%;"></table>
            <div id="product-grid-pager"></div>
        </modal>
    </div>
</div>


<script src="${rc.contextPath}/js/lht/applyinfo.js?r=_${date.systemTime}"></script>
</body>
</html>